<template>
  <view class="container">
    <view class="text">尊敬的用户: </view>
    <view class="text-indent">您好!感谢您对我们公司的支持与信任!在您注册成为我们的用户之前，请仔细阅读以下协议书，并确保您完全理解并同意其中的条款。</view>
    <view class="mt10"></view>
    <view class="text">一、注册协议的接受</view>
    <view class="text-indent">1.您在注册过程中点击同意按钮即表示您已阅读、理解并同意本协议。</view>
    <view class="text-indent">2.如果您不同意本协议，请立即停止注册。</view>
    <view class="mt10"></view>
    <view class="text">二、账号注册</view>
    <view class="text-indent">1.您须自行保管好账号和密码，并对其进行妥善保密。</view>
    <view class="text-indent">2.您将对使用该账号进行的一切活动承担全部责任，无论是否经过您本人登录和操作。</view>
    <view class="text-indent">3.如您发现账号被盗用或存在其他安全问题，请立即通知我们，我们将协助您进行处理。</view>
    <view class="mt10"></view>
    <view class="text">三、用户的权利与义务</view>
    <view class="text-indent">1.您有权根据本协议及相关规定使用我们提供的服务。</view>
    <view class="text-indent">2.您应当遵守法律法规和国家政策，不得将我们的服务用于非法用途。</view>
    <view class="text-indent">3.您不得利用我们的服务从事侵犯他人权益、违法或违背公序良俗的行为。</view>
    <view class="text-indent">4.您应遵守其他与您使用我们服务相关的规定和约定。</view>
    <view class="mt10"></view>
    <view class="text">四、服务内容</view>
    <view class="text-indent">1.我们将根据实际情况提供不同的服务，并保证按照相关规定保护您的个人隐私。</view>
    <view class="text-indent">2.我们保留根据业务发展调整服务内容的权利，但在调整之前会提前通知您。</view>
    <view class="mt10"></view>
    <view class="text">五、知识产权保护</view>
    <view class="text-indent">1.我们尊重他人的知识产权，要求您也同样尊重他人的知识产权。</view>
    <view class="text-indent">2.您在使用我们的服务过程中产生的知识产权归您所有。</view>
    <view class="mt10"></view>
    <view class="text">六、责任限制</view>
    <view class="text-indent">1.由于互联网的特殊性，我们不能保证服务将满足您的所有要求，也不能保证服务不会中断或出现错误。</view>
    <view class="text-indent">2.对于由于不可抗力、恶意行为或其他无法控制的原因导致的服务中断、数据丢失等情况，我们不承担责任。</view>
    <view class="mt10"></view>
    <view class="text">七、协议变更和终止</view>
    <view class="text-indent">1.我们有权根据需要对本协议进行修改，并在适当的位置发布公告。</view>
    <view class="text-indent">2.若您不同意修改后的协议内容，您有权选择终止使用我们的服务。</view>
    <view class="mt10"></view>
    <view class="text">八、其他条款</view>
    <view class="text-indent">1.本协议适用中华人民共和国的法律。</view>
    <view class="text-indent">2.若本协议的任何条款被认定为无效或不可执行，则该条款将被删除，而其他条款仍具有约束力。</view>
    <view class="text-indent">3.本协议的最终解释权归我们所有。</view>
    <view class="mt10"></view>
    <view class="text-indent">请您仔细阅读以上协议内容，并确保您完全理解并同意其中的条款，注册即视为您充分理解并同意该协议的全部内容。感谢您的配合与支持!</view>
    <view class="text-indent">如您有任何疑问或意见，欢迎随时联系我们。</view>
    <view class="text-indent">再次感谢您的信任与支持!</view>
    <view class="button-view">
      <template v-if="countdownShow">
        <fui-button disabled disabledBackground="#DFDFDF" disabledColor="#666666" size="32">我已阅读并同意以上条款（
        <fui-count-down :value="10" @end="end" :isDays='false' :isHours='false' :isMinutes='false' :size='32' class="count-down"></fui-count-down>
        s）
        </fui-button>
      </template>
     <template v-else>
        <fui-button background='var(--fui-color-primary)' color='#fff' size="32" @click="jumpRegister">我已阅读并同意以上条款</fui-button>
      </template>
    </view>
  </view>
</template>

<script setup>
  import { ref, inject } from 'vue';
  const tab = inject('$tab')
  const countdownShow = ref(true)
  // 倒计时结束
  const end = (e) => {
    countdownShow.value = false
  }
  // 跳转注册页
  const jumpRegister = () => {
    tab.reLaunch('/pages/authentication/Index')
  }

</script>

<style lang="scss">
  page {
    background-color: #ffffff;
    
  }
  .container{
    position: relative;
    padding: 36rpx 36rpx 172rpx;
    font-size: 32rpx;
    font-family: PingFang SC, PingFang SC;
    color: #333333;
    .text{
      line-height: 60rpx;
      font-weight: bold;
    }
    .text-indent{
      text-indent: 2em;
    }
    .mt10{
      margin-top: 20rpx;
    }
    .button-view{
      position: fixed;
      left: 0;
      bottom: -1px;
      width: 100%;
      height: 156rpx;
      padding: 40rpx 36rpx 28rpx;
      box-sizing: border-box;
      background: #ffffff;
      box-shadow: 0px 6rpx 12rpx 1rpx rgba(0,0,0,0.16);
      .count-down{
        
        :deep(.fui-count__down-item){
          background-color: rgba(0,0,0,0) !important;
          border:0px !important;
        }
      }
    }
  }
  

</style>
